<template>
    <div>
<van-nav-bar title="订单" left-text="返回" left-arrow @click-left="() => { $router.back() }" fixed />
<div style="height: 45px;"></div>
<van-contact-card type="edit" :tel="tel" :name="name" @click="onEdit" />
<van-card
  num="2"
  price="2.00"
  desc="描述信息"
  title="商品标题"
  thumb="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg"
/>

<van-cell-group inset>
  <van-cell title="单元格" value="内容" />
  <van-cell title="单元格" value="内容" label="描述信息" />
</van-cell-group>


<van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit">
  <van-checkbox v-model="checked">全选</van-checkbox>
  <template #tip>
    你的收货地址不支持配送, <span @click="onClickLink">修改地址</span>
  </template>
</van-submit-bar>
    </div>
</template>

<script setup>
import { ref } from 'vue';
import { showToast } from 'vant';
 const tel = ref('13000000000');
    const name = ref('张三');
    const onEdit = () => showToast('edit');
</script>

<style lang="scss" scoped>

</style>